body{background: #faf8f3;}
.header-box{overflow: hidden;width: 91.3vw;height: 100%;margin: 0 auto;}
.header-box>img{margin-top: 13px;}
.header-box a{float: right;margin-top: 6px;color: #212120;font-size: 18px}
.content{margin-top: 44px;margin-bottom: 10vh;}
.content li{color: #7f7f7f;font-size: 16px;margin-bottom: 3vh;}
.content li a{color: #7f7f7f;font-size: 16px;}
.content li div{color: #7f7f7f;font-size: 16px;}
.content li div p{color: #7f7f7f;font-size: 16px;overflow: hidden;}
.site-top{border-bottom: 1px solid #cdcbcb;border-top:1px solid #cdcbcb ;padding-top: 3.3vh;padding-bottom: 4.3vh;}
.site-top p{padding-top: 1vh;}
.site-top p span{float: right;}
.site-bottom{border-bottom: 1px solid #cdcbcb;overflow: hidden;padding-top: 3.3vh;padding-bottom: 3.3vh;overflow: hidden;}
.site-bottom .site-bottom-left{float: left;height: 6vh;}
.pad{padding-left: 4.3vw;padding-right: 4.3vw;background: #fff;}

.site-bottom .site-bottom-right{float: right;height: 26px;padding-top: 0.5vh;}
.site-bottom-right a{float: left;height: 26px;line-height: 26px;padding-left: 8vw;}
.site-bottom-right a:first-child{background: url(../images/site_edit_03.png) no-repeat 0 0;}
.site-bottom-right a:last-child{background: url(../images/site_edit_05.png) no-repeat 0 0;margin-left: 4vw;}
.btn-box{position: fixed;bottom: 0;left: 0;width:100%;}
.btn-box button{width:100%;height: 56px;color: #fff;background: url(../images/account_btbg_03.png) ;background-size: 100% 100%;border-radius: 0;}


/*复选框*/
@keyframes hover-color {
  from {
    border-color: #d24239; }
  to {
    border-color: #d24239; } }

.opt{float: left;height:30px;line-height:30px}
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 8.7vw;
  font-size: 18px;
  cursor: pointer;
  vertical-align: middle; }

  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }

  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    content: '';
    border: 1px solid #c0c0c0; }

  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }

  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }

  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #d24239;
    animation-name: none; }

  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-checkbox:checked + label:after {
  display: block; }

.magic-checkbox + label:before {
  border-radius: 50%; }

.magic-checkbox + label:after {
  top: 6px;
  left: 10px;
  box-sizing: border-box;
  width: 8px;
  height: 14px;
  transform: rotate(35deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #d24239; }

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #d24239; }
   
